// 导出一个axios的实例  而且这个实例要有请求拦截器 响应拦截器
import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getTokenTime } from '@/utils/auth'
import router from '@/router'
const timeout = 2 * 60 * 60 * 1000

// const timeout = 5 * 1000

const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
}) // 创建一个axios的实例
request.interceptors.request.use((config) => {
  // config: 每次的请求配置
  // 判断token是否过去
  if (store.state.user.token) {
    if (isTimeOut()) {
      // 执行退出
      store.commit('user/logout')
      router.push('/login')
      return Promise.reject(new Error('登录已失效'))
    }
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
}) // 请求拦截器

// 响应拦截器
request.interceptors.response.use((res) => {
  // 代表: 接口响应成功的回调
  const { success, message, data } = res.data
  if (success) {
    return data
  } else {
    Message.error(message)
    return Promise.reject(new Error(message))
  }
}, (err) => {
  // 代表: 接口响应失败了
  console.dir(err)
  if (err.response && err.response.status === 401) {
    Message.error('登录已失效')
    store.commit('user/logout')
    router.push('/login')
  } else {
    Message.error(err.message)
  }
  return Promise.reject(err)
}) // 响应拦截器

// token是否过期
function isTimeOut() {
  // 返回一个布尔值
  // 如果过期: true
  // 如果没有过期: false
  // 用当前时间 - 本地存贮的时间 >= 我们约定的时间(过期时间)
  const currentTime = Date.now()
  const tokenTime = getTokenTime()
  const time = currentTime - tokenTime
  return time >= timeout
}

export default request // 导出axios实例
